<!DOCTYPE html>
<html>
<head>
	<include file='Common:header' />
	<style type="text/css">
		.install li {
			line-height: 30px;
			margin-bottom: 6px;
		}

		.sample img {
			border: 20px solid gray;
			margin: 0 auto 30px auto;

			display: block;
		}
		.sample p {
		font-weight: bold;
		}
	</style>
</head>
<body>
<include file='Common:navbar' />
<div class="container content">
	<div class="row body-content">
		<div class="span3">
			<include file="Common:leftbar" />

		</div>
		<div class="span9">
			<h2>介绍</h2>

			<div class="alert alert-info">
				Console工具封装了Firefox上的FirePHP扩展支持和Chrome浏览器上的ChromePHP扩展支持，是一个方便的输出调试工具。您可以像在浏览器中调试js那样来调试PHP。
			</div>
			<h2>安装</h2>
			<div class="alert alert-info">
			<ul class="install">
				<li class="install-ext">
				</li>
				<li class="install-tool">
					浏览器扩展安装结束后，点此<strong class="app_name" style="color: #000;font-weight: bold;"></strong>
					<button class="btn btn-primary" onclick="installConsole()">安装Console工具</button>
				</li>
			</ul>
			</div>
			<script type="text/javascript">
				var extension, browser_name;
				if ($.browser.chrome) {
					browser_name = 'Chrome'
					extension = "https://chrome.google.com/webstore/detail/chromephp/noaneddfkdjfnfdakjjmocngnfkfehhd?hl=zh-CN";
				} else if ($.browser.mozilla) {
					browser_name = 'Firefox'
					extension = 'https://addons.mozilla.org/en-US/firefox/addon/firephp/';
				}
				$('.install-ext').html('您使用的浏览器可能是' + browser_name + ' ,点此 <a  class="btn btn-primary" href="' + extension + '" target="_blank">安装ChromePHP扩展</a>');
				$('.install-tool .app_name').text("为项目：" + app_name);
				var installConsole = function () {
					$.post('__APP__/FileManager/installConsole', function (data, status) {
						if (status == 'success') {
							if (version == 3.0) {
								data = $.parseJSON(data).data;
							}
							if (data.error) {
								updateAlert('Console工具自动安装失败，您可以手动安装，最后的卸载过程反过来就是手动安装过程。')
							}else{
								alert('恭喜您，安装完成');
							}
						}
					})
				};
			</script>
			<h2>API</h2>
			<div>
				<p>
					安装结束后，您就可以在项目的控制器和模型PHP代码中插入下面几种类型的调试代码：
				</p>
				<pre class="prettyprint">
Console::log($var);      //输出调试变量
Console::log($var,'标记');//输出调试变量，并加上一个标记字符串。
Console::error($var);    //输出调试变量，并加上一个错误标记。
Console::warn($var);     //输出调试变量，并加上一个警告标记。
Console::info($var);     //输出调试变量，并加上一个info标记。
Console::start('grouplabel');//为调试信息分组
Console::end();              //分组结束标记</pre>

				<h2>示例代码</h2>
				<pre class="prettyprint">
//安装结束后，你可以直接将下面的代码复制到IndexAction::index()中体验效果
$base = '/home/www/test';
Console::log( $base,'BaseDir');
Console::error('无法创建目录'.$base);
Console::warn( '这是一个警告信息' );
Console::log( $_SERVER,'_SERVER变量' );</pre>
				<div class="sample">
					<p>
						调试信息在Chrome的console窗口中显示结果:
					</p>
					<img src="__ROOT__/asset/img/chromePHP.png" />
					<p>
						调试信息在Firefox的控制台窗口中显示结果:
					</p>
					<img src="__ROOT__/asset/img/firePHP.png" />
				</div>
				<h2>配置</h2>
				<div class="alert alert-info">
				<p>在项目的config.php中，设置<code>'CONSOLE_ON' => false,</code>可以禁止输出调试信息</p>
				<p>在项目的config.php中，设置<code>'CONSOLE_LABEL_ON' => false,</code>可以禁止输出默认的控制器分组标记</p>
				</div>
				<h2>卸载</h2>
				<div class="alert alert-info">
				<ul>
					<li>删除代码中的<code>Console::</code>调试语句</li>
					<li>删除项目<code>Conf/tags.php</code>中的行为注册：<br><code>'action_begin' => array( 'DebugStart'),</code><br/><code>'action_end'  => array( 'DebugEnd' ),</code></li>
					<li>删除<code>Conf/config.php</code>中的配置项：<code>CONSOLE_ON</code>和<code>CONSOLE_LABEL_ON</code></li>
					<li>删除项目<code>Lib/Behavior</code>目录下的<code>DebugStartBehavior.class.php</code>和<code>DebugEndBehavior.class.php</code></li>
				</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<{$footer}>
</body>
</html>